<!--
 * @Descripttion: 出手鸭小程序
 * @version:1.0.1 
 * @Author: HHL
 * @Date: 2023-10-13 15:01:19
 * @LastEditTime: 2023-11-24 09:06:01
 * @LastEditors: sueRimn
-->

<template>
  <view class='express-info'>
    <view class='title'>快递信息</view>
    <view>
      <view class="p">
        <text>{{orderExpress.expressCompany || '顺丰快递'}} {{orderExpress.expressNo}}</text>
        <!-- <text class="btn" @click="handleShow">查看</text> -->
      </view>
    </view>

    <express-layer
      ref="expressRef"
      :expressNo="orderExpress.expressNo"
    />
  </view>
</template>

<script>
import ExpressLayer from './ExpressLayer.vue'

export default {
  components: { ExpressLayer },
  props: {
    orderExpress: { type: Object, default: {} }
  },

  methods: {
    handleShow() {
      this.$refs.expressRef.onOpen()
    }
  }
}

</script>

<style lang="scss" scoped>
.express-info {
  padding: 32rpx;
  background-color: #ffffff;
  margin: 20rpx auto 20rpx;
  border-radius: 20rpx;
  box-shadow: #efefef 0 0 30rpx;

  .title {
    font-size: var(--hui-font-size-32);
    color: var(--hui-color-title);
    margin: 0 0 20rpx 0;
    font-weight: bold;
  }


  .p {
    font-size: var(--hui-font-size-26);
      color: var(--hui-color-subtitle);
  }
  .btn{
    color: #F53F45;
    padding-left: 20rpx;
  }
}

</style>